<!DOCTYPE html>
<html>
<head xmlns:th="http://www.thymeleaf.org">
  <base th:href="@{/}">
  <meta charset="utf-8">
  <title>订单列表</title>
  <link rel="stylesheet" type="text/css" href="../../static/css/site.css"
        th:href="@{/css/site.css}"/>
  <link rel="stylesheet" type="text/css" href="../../static/css/center.css"
        th:href="@{/css/center.css}"/>
  <link href="/lib/layui-v2.6.3/css/layui.css" rel="stylesheet">
</head>
<body>

<div id="header" th:replace="frag::header"></div>

<div class="user-center">
  <div class="container clear">
    <div class="crumbs">
      <a href="../index.html">首页</a>
      <span class="sep">/</span>
      <a >交易订单</a>
    </div>

    <div class="menu">
      <h3>订单中心</h3>
      <ul>
        <li class="active"><a href="orderList.html" th:href="@{/user/order/list}">我的订单</a></li>
      </ul>

      <h3>个人中心</h3>
      <ul>
        <li><a href="" th:href="@{/user/person}">我的个人中心</a></li>
        <li><a href="addr.html" th:href="@{/user/addr/toAddr}">收货地址</a></li>
      </ul>

    </div>
    <div class="content">
      <h1 class="title">个人中心<span>请谨防钓鱼链接或诈骗电话，了解更多></span></h1>


      <form class="layui-form" action="" th:action="@{/user/person}" method="post">
        <div class="layui-form-item">
          <label class="layui-form-label">用户名</label>
          <div class="layui-input-block">
            <input type="text" name="username" th:value="${user.username}" disabled  autocomplete="off" class="layui-input">
            <input type="hidden" name="username" th:value="${user.username}"  autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">手机</label>
          <div class="layui-input-block">
            <input type="text" name="phone" th:value="${user.phone}"   autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">邮箱</label>
          <div class="layui-input-block">
            <input type="text" name="email"  th:value="${user.email}"   autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">真实姓名</label>
          <div class="layui-input-block">
            <input type="text" name="realname"  th:value="${user.realname}" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">性别</label>
          <div class="layui-input-block">
            <input type="text" name="gender"   th:value="${user.gender}" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">身份证</label>
          <div class="layui-input-block">
            <input type="text" name="idcard" th:value="${user.idcard}"  autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">账号余额</label>
          <div class="layui-input-block">
            <input type="text" name="money"  th:value="${user.money}" disabled autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <div class="error" th:text="${errMsg}"></div>
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">修改信息</button>
          </div>
        </div>
      </form>
    </div>
  </div>

  <!-- 底部 -->
  <div th:replace="frag::footer" id="footer"></div>

  <!-- jQuery -->
  <script type="text/javascript" src="../../static/js/jquery-2.1.4.js" th:src="@{/js/jquery-2.1.4.js}"></script>
  <script src="/lib/layui-v2.6.3/layui.js"></script>
  <script th:if="false">
    // 动态页面需要去掉
    $("#header").load("../header.html", function(){
      $(".logo img").attr("src", "../../static/img/logo-mi.png");
    });
    $("#footer").load("../footer.html");
  </script>

</body>
</html>

